<?php echo(HTML::script('mail.js'));?>
<?php echo HTML::contenido('js/vendor/summernote/dist/summernote.css'); ?>
<?php echo HTML::contenido('js/vendor/summernote/dist/summernote-bs3.css'); ?>
<?php echo HTML::script('vendor/summernote/dist/summernote.min.js');?>
	<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="<?php echo(url('/'));?>">Portada</a></li>
        <li>Missatgeria</li>
        <li class="active">Bústia</li>
      </ol>
    </div>
	<div class="container">
			<div class="row">
				<div class="col-md-3">
					<div class="panel">
						<a class="btn btn-primary col-md-12" data-toggle="modal" data-target="#nuevo_mensaje"><i class="fa fa-pencil"></i> Nou</a>
					</div>
					<hr>
					<div class="panel">
						<div class="list-group"> 
							<a href="#" class="list-group-item"><i class="fa fa-inbox"></i><span class="badge badge-primary">27</span> Safata d'entrada</a> 
							<a href="#" class="list-group-item"><i class="fa fa-external-link"></i> Enviats</a> 
							<a href="#" class="list-group-item"><i class="fa fa-trash-o"></i><span class="badge badge-inverse">14</span> Eliminats</a> 
						</div>
					</div>
				</div>
				<div class="col-md-9">

					<div class="panel panel-gray">
						<div class="panel-heading">
							<h4>Principal</h4>
							<div class="options">

							</div>
						</div>
						<div class="panel-body">
							<form class="form-inline" action="">
			                    <div class="input-group">
				                    <input type="text" placeholder="Buscar missatges ..." class="form-control">
				                    <div class="input-group-btn">
				                    	<button type="button" class="btn btn-primary"><i class="fa fa-search"></i></button>
				                    </div>
			                    </div>
		                    </form>
		                    <hr>
							<table class="table table-striped table-advance table-hover mailbox">
								<thead>
									<tr>
										<th width="5%"><span><input type="checkbox"></span></th>
										<th colspan="1">
											<div class="btn-group">
												<a class="btn btn-sm btn-default dropdown-toggle" href="#" data-toggle="dropdown"> Action <i class="fa fa-caret-down"></i>
												</a>
												<ul class="dropdown-menu">
													<li><a href="#">Marcar com llegit</a></li>
													<li><a href="#">Spam</a></li>
													<li><a href="#">Move</a></li>
													<li class="divider"></li>
													<li><a href="#">Eliminar</a></li>
												</ul>
											</div>
										</th>
										<th colspan="4">
											<div class="pull-right">
												<span class="pagination-info" style="margin-right:5px">1-30 of 789</span>
												<a class="btn btn-sm btn-default"><i class="fa fa-angle-left"></i></a>
												<a class="btn btn-sm btn-default"><i class="fa fa-angle-right"></i></a>
											</div>
										</th>
									</tr>
								</thead>
								<tbody>
									<tr class="unread">
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Posiedon Web</td>
										<td>Server undergoing maintainence</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">16:30 PM</td>
									</tr>
									<tr class="unread">
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Douglas Adams</td>
										<td>Waiting for documentation</td>
										<td></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">The Doctor</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Nero</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Envato</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">mPower</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Facebook</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Twitter</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Emma Watson</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Life</td>
										<td>Lemons for sale</td>
										<td></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">John Doe</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Jack Smith</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Indiana Jones</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 5</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Sherlock</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Facebook</td>
										<td>Rilate niro lakem, consectetuer adipiscing</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 4</td>
									</tr>
									<tr>
										<td><span><input type="checkbox"></span></td>
										<td class="hidden-xs">Jane Smith</td>
										<td>Lorem ipsum dolor sit amet</td>
										<td><i class="fa fa-paperclip"></i></td>
										<td class="text-right">May 5</td>
									</tr>
								</tbody>
								<tfoot>
									<tr>
										<th colspan="5">
											<div class="pull-right">
												<span class="pagination-info" style="margin-right:5px">1-30 of 789</span>
												<a class="btn btn-sm btn-default"><i class="fa fa-angle-left"></i></a>
												<a class="btn btn-sm btn-default"><i class="fa fa-angle-right"></i></a>
											</div>
										</th>
									</tr>
								</tfoot>
							</table>
						</div>
			</div>
		</div>
	</div>
</div>

<!-- Modal -->
<div class="modal fade" id="nuevo_mensaje" tabindex="-1" role="dialog" aria-labelledby="nuevo_mensaje" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        <div class="col-12">
			<textarea name="contenido_mail"  id="contenido_mail"></textarea>
		</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

<script>

$("#nuevo_mensaje").ready(function(){

	
});

$('#contenido_mail').summernote({
	    height: 300,
	    maxHeight: null,   
	    focus: true
	});

</script>


